Feature: Task 1 | Traditional | Filters Validation

As a test engineer, I'd like to validate that all filter elements are rendered and visible by default on Laptop and hidden on Tablet and Mobile views.

Scenarios

Chart

Status

Progress

Passed	0.00 %
Failed	100.00 %

Metadata

Device Sauce iPhone X Sim
OS iPhone X
Browser 12

Scenario: V1 | Task 1 | Traditional | Filters | Brand Elements Validation

Before Hook

Given I open gridHackathonV1.html#0

+ Show Info

open https://demo.applitools.com/gridHackathonV1.html#0

When I scroll to the brand filter

Then I expect that the brand filter and its filter elements are visible on Laptop and hidden on Tablet and Mobile

+ Show Error + Screenshot

Actual: undefined
Expected: undefined

Stack:
AssertionError: brand Test Failed. Here are the issues: 
 aside slideout with selector //aside[@id="ASIDE__collg__67"] is displayed: expected 1 to equal 0
    at World.(anonymous) (/Users/barresiv/Workspace/applitools-hackathon-applifashion/src/steps/specs/task 1/traditional/filters-traditional-validation.spec.js:64:105)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at World.executeAsync (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/shim.js:123:12)
    at World.testFrameworkFnWrapper (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/test-framework/testFnWrapper.js:63:14)

Adibas
Mykey
Bans
Over Armour
ImBalance

After Hook

Scenario: V2 | Task 1 | Traditional | Filters | Brand Elements Validation

Before Hook

Given I open gridHackathonV2.html#0

+ Show Info

open https://demo.applitools.com/gridHackathonV2.html#0

When I scroll to the brand filter

Then I expect that the brand filter and its filter elements are visible on Laptop and hidden on Tablet and Mobile

+ Show Error + Screenshot

Actual: undefined
Expected: undefined

Stack:
AssertionError: brand Test Failed. Here are the issues: 
 aside slideout with selector //aside[@id="ASIDE__collg__67"] is displayed: expected 1 to equal 0
    at World.(anonymous) (/Users/barresiv/Workspace/applitools-hackathon-applifashion/src/steps/specs/task 1/traditional/filters-traditional-validation.spec.js:64:105)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at World.executeAsync (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/shim.js:123:12)
    at World.testFrameworkFnWrapper (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/test-framework/testFnWrapper.js:63:14)

Adibas
Mykey
Bans
Over Armour
ImBalance

After Hook

Scenario: V1 | Task 1 | Traditional | Filters | Color Elements Validation

Before Hook

Given I open gridHackathonV1.html#0

+ Show Info

open https://demo.applitools.com/gridHackathonV1.html#0

When I scroll to the color filter

Then I expect that the color filter and its filter elements are visible on Laptop and hidden on Tablet and Mobile

+ Show Error + Screenshot

Actual: undefined
Expected: undefined

Stack:
AssertionError: color Test Failed. Here are the issues: 
 aside slideout with selector //aside[@id="ASIDE__collg__67"] is displayed: expected 1 to equal 0
    at World.(anonymous) (/Users/barresiv/Workspace/applitools-hackathon-applifashion/src/steps/specs/task 1/traditional/filters-traditional-validation.spec.js:64:105)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at World.executeAsync (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/shim.js:123:12)
    at World.testFrameworkFnWrapper (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/test-framework/testFnWrapper.js:63:14)

Black
White
Blue
Green
Yellow

After Hook

Scenario: V2 | Task 1 | Traditional | Filters | Color Elements Validation

Before Hook

Given I open gridHackathonV2.html#0

+ Show Info

open https://demo.applitools.com/gridHackathonV2.html#0

When I scroll to the color filter

Then I expect that the color filter and its filter elements are visible on Laptop and hidden on Tablet and Mobile

+ Show Error + Screenshot

Actual: undefined
Expected: undefined

Stack:
AssertionError: color Test Failed. Here are the issues: 
 aside slideout with selector //aside[@id="ASIDE__collg__67"] is displayed: expected 1 to equal 0
    at World.(anonymous) (/Users/barresiv/Workspace/applitools-hackathon-applifashion/src/steps/specs/task 1/traditional/filters-traditional-validation.spec.js:64:105)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at World.executeAsync (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/shim.js:123:12)
    at World.testFrameworkFnWrapper (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/test-framework/testFnWrapper.js:63:14)

Black
White
Blue
Green
Yellow

After Hook

Scenario: V1 | Task 1 | Traditional | Filters | Price Elements Validation

Before Hook

Given I open gridHackathonV1.html#0

+ Show Info

open https://demo.applitools.com/gridHackathonV1.html#0

When I scroll to the price filter

Then I expect that the price filter and its filter elements are visible on Laptop and hidden on Tablet and Mobile

+ Show Error + Screenshot

Actual: undefined
Expected: undefined

Stack:
AssertionError: price Test Failed. Here are the issues: 
 aside slideout with selector //aside[@id="ASIDE__collg__67"] is displayed: expected 1 to equal 0
    at World.(anonymous) (/Users/barresiv/Workspace/applitools-hackathon-applifashion/src/steps/specs/task 1/traditional/filters-traditional-validation.spec.js:64:105)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at World.executeAsync (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/shim.js:123:12)
    at World.testFrameworkFnWrapper (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/test-framework/testFnWrapper.js:63:14)

$0 - $50
$50 - $100
$100 - $150
$150 - $500

After Hook

Scenario: V2 | Task 1 | Traditional | Filters | Price Elements Validation

Before Hook

Given I open gridHackathonV2.html#0

+ Show Info

open https://demo.applitools.com/gridHackathonV2.html#0

When I scroll to the price filter

Then I expect that the price filter and its filter elements are visible on Laptop and hidden on Tablet and Mobile

+ Show Error + Screenshot

Actual: undefined
Expected: undefined

Stack:
AssertionError: price Test Failed. Here are the issues: 
 aside slideout with selector //aside[@id="ASIDE__collg__67"] is displayed: expected 1 to equal 0
    at World.(anonymous) (/Users/barresiv/Workspace/applitools-hackathon-applifashion/src/steps/specs/task 1/traditional/filters-traditional-validation.spec.js:64:105)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at World.executeAsync (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/shim.js:123:12)
    at World.testFrameworkFnWrapper (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/test-framework/testFnWrapper.js:63:14)

$0 - $50
$50 - $100
$100 - $150
$150 - $500

After Hook

Scenario: V1 | Task 1 | Traditional | Filters | Price Elements Validation

Before Hook

Given I open gridHackathonV1.html#0

+ Show Info

open https://demo.applitools.com/gridHackathonV1.html#0

When I scroll to the type filter

Then I expect that the type filter and its filter elements are visible on Laptop and hidden on Tablet and Mobile

+ Show Error + Screenshot

Actual: undefined
Expected: undefined

Stack:
AssertionError: type Test Failed. Here are the issues: 
 aside slideout with selector //aside[@id="ASIDE__collg__67"] is displayed: expected 1 to equal 0
    at World.(anonymous) (/Users/barresiv/Workspace/applitools-hackathon-applifashion/src/steps/specs/task 1/traditional/filters-traditional-validation.spec.js:64:105)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at World.executeAsync (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/shim.js:123:12)
    at World.testFrameworkFnWrapper (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/test-framework/testFnWrapper.js:63:14)

Soccer
Basketball
Running
Training

After Hook

Scenario: V2 | Task 1 | Traditional | Filters | Price Elements Validation

Before Hook

Given I open gridHackathonV2.html#0

+ Show Info

open https://demo.applitools.com/gridHackathonV2.html#0

When I scroll to the type filter

Then I expect that the type filter and its filter elements are visible on Laptop and hidden on Tablet and Mobile

+ Show Error + Screenshot

Actual: undefined
Expected: undefined

Stack:
AssertionError: type Test Failed. Here are the issues: 
 aside slideout with selector //aside[@id="ASIDE__collg__67"] is displayed: expected 1 to equal 0
    at World.(anonymous) (/Users/barresiv/Workspace/applitools-hackathon-applifashion/src/steps/specs/task 1/traditional/filters-traditional-validation.spec.js:64:105)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at World.executeAsync (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/shim.js:123:12)
    at World.testFrameworkFnWrapper (/Users/barresiv/Workspace/applitools-hackathon-applifashion/node_modules/@wdio/utils/build/test-framework/testFnWrapper.js:63:14)

Soccer
Basketball
Running
Training

After Hook